
 <!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="no" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>体检报告详情示例</title>
<link rel="stylesheet" href="<?=Yii::app()->baseUrl?>/css/reset-mobile.min.css"/>
<style type="text/css">
body {
  background: #fff;
  font-size: 14px;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #000;
}
table {
  border-collapse: collapse;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.fixed {
  position: fixed;
  top: 0;
}
#fix-point {
  width: 100%;
  background: #fff;
}
.basic-info {
  background: #F2F8FB;
  padding: 12px 0 12px 8px;
}
.basic-info li {
  line-height: 1.6em;
  float: left;
}
.basic-info li:nth-child(2n-1) {
  width: 8.5em;
}
.basic-info li label {
  width: 56px;
  display: inline-block;
  margin-right: 4px;
}
.tabs {
  z-index: 100;
  position: relative;
}
.tabs-nav {
  display: -webkit-box;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
.tabs-nav li {
  width: 50%;
  border: solid #CACAD9;
  font-size: 1.2em;
  border-width: 1px 0 1px 1px;
  -webkit-box-flex: 1;
  text-align: center;
  color: #898989;
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  z-index: 100;
}
.tabs-nav li img {
  float: right;
  position: relative;
  top: 6px;
  right: 10px;
}
.tabs-nav li:last-child {
  border-right: 1px solid #CACAD9;
}
.tabs-nav li.state-active {
  background: #fff;
  border-bottom-color: #fff;
  border-top: 3px solid #FDB575;
  color: #FF7800;
  height: 33px;
}
.major-item-wrapper {
  width: 96%;
  margin: 10px auto 0;
}
.major-item {
  width: 33%;
  height: 35px;
  line-height: 35px;
  float: left;
  text-align: center;
  font-size: 1.2em;
  border: solid #CACAD9;
  border-width: 0 0 1px 1px;
}
.major-item:nth-child(3n),
.major-item:last-child {
  border-right: 1px solid #CACAD9;
}
.major-item:nth-child(1),
.major-item:nth-child(2),
.major-item:nth-child(3) {
  border-top: 1px solid #CACAD9;
}
.major-item-wrapper .state-active {
  background: #2FB5B9;
  color: #fff;
}
.sub-items {
  width: 96%;
  margin: 0 auto 20px;
  background: #fff;
  border: 1px solid #B0B0B0;
  border-radius: 4px;
}
.sub-items td img {
  width: 14px;
  float: left;
  margin-right: 2px;
  border: 0;
  z-index: 1;
}
.sub-item-title {
  margin: 20px 0 10px 10px;
}
.sub-item-title h2 {
  float: left;
}
.sub-item-title .excep {
  float: right;
  margin-right: 10px;
  font-size: 1.1em;
}
.sub-item-title .excep .round {
  width: 1.1em;
  height: 1.1em;
  line-height: 1.1em;
  background: #FF8383;
  display: inline-block;
  border-radius: 1.1em;
  color: #fff;
  text-align: center;
  font-size: .9em;
  margin-right: 2px;
}
.sub-items table {
  width: 100%;
}
.sub-items table tr {
  font-size: 1.1em;
  border-bottom: 1px dashed #BFC8C8;
}
.sub-items table tr:last-child {
  border: 0;
}
.sub-items table tr th {
  width: 5em;
  font-weight: normal;
  padding: 15px 10px;
  text-align: left;
}
.sub-items table td {
  padding: 5px 0 5px 0;
}
.sub-items table tr td.slogan::before {
  font-weight: bolder;
  padding-right: 4px;
}
.sub-items table tr.li01 {
  background: #FFDCDC;
}
.sub-items table tr.li02 {
  background: #BCF6E7;
}
.sub-items table tr td span.link {
  float: right;
  margin-right: 10px;
}
.sub-items table tr.lino td span.link::after {
  content: '>';
  color: #ccc;
  font-weight: bolder;
}
.sub-items table tr div.cnt-wrapper {
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}
.sub-items table tr:last-child div.cnt-wrapper {
  border: 0;
}
</style>
<script src="<?=Yii::app()->baseUrl?>/js/jquery/jqueryCut.js"></script>
</head>
<body>
<ul class="basic-info clearfix">
      <li><label>用户姓名</label><span>马胜盼</span></li>
      <li><label>性别</label><span>男</span></li>
      <li><label>体检日期</label><span>2013-07-16</span></li>
      <li><label>健检编号</label><span>1120120216083</span></li>
  </ul>
<div id="fix-point" class="clearfix">
  <div class="tabs">
    <ul class="tabs-nav">
      <li id="chg-item" class="state-active">全部项目 <img src="<?=Yii::app()->baseUrl?>/images/down.svg" alt=""/></li>
      <li>异常项</li>
    </ul>
  </div>
  <ul class="major-item-wrapper clearfix">
          <li class="major-item">一般性检查</li>
          <li class="major-item">内科</li>
          <li class="major-item">外科</li>
          <li class="major-item">眼科</li>
          <li class="major-item">耳鼻咽喉科</li>
          <li class="major-item">口腔科</li>
          <li class="major-item">妇科</li>
          <li class="major-item">血常规</li>
          <li class="major-item">血生化</li>
          <li class="major-item">尿常规</li>
          <li class="major-item">其他项目</li>
      </ul>
</div>
<div class="exam-item">
      <div class="sub-item-title clearfix">
      <h2>一般性检查</h2>
      <div class="excep">
                  <span class="round">3</span><span>项异常</span>
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>身高</th>
          <td class="slogan">
            <img src="" alt=""/>
                        159&nbsp;cm<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>体重</th>
          <td class="slogan">
            <img src="" alt=""/>
                        65&nbsp;Kg<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li01">
          <th>体重指数</th>
          <td class="slogan">
            <img src="" alt=""/>
                        25.71&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li01">
          <th>收缩压</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=3">            200&nbsp;mmHg<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li01">
          <th>舒张压</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=4">            100&nbsp;mmHg<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>内科</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>病史</th>
          <td class="slogan">
            <img src="" alt=""/>
                        高血压&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>家族史</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无特殊&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>心率</th>
          <td class="slogan">
            <img src="" alt=""/>
                        72&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>心律</th>
          <td class="slogan">
            <img src="" alt=""/>
                        齐&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>心音</th>
          <td class="slogan">
            <img src="" alt=""/>
                        正常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>肺部听诊</th>
          <td class="slogan">
            <img src="" alt=""/>
                        双侧呼吸音未闻及异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>肝脏触诊</th>
          <td class="slogan">
            <img src="" alt=""/>
                        肝脏肋下未触及&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>脾脏触诊</th>
          <td class="slogan">
            <img src="" alt=""/>
                        脾脏肋下未触及&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>肾脏叩诊</th>
          <td class="slogan">
            <img src="" alt=""/>
                        双肾区无叩痛&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>内科其它</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>外科</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>皮肤</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>浅表淋巴结</th>
          <td class="slogan">
            <img src="" alt=""/>
                        颈部、锁骨上、腋窝及腹股沟未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>甲状腺(外科)</th>
          <td class="slogan">
            <img src="" alt=""/>
                        双侧甲状腺扪及结节&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>乳房</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>脊柱</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>四肢关节</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>肛门、直肠指诊</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>眼科</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>裸视力(右)</th>
          <td class="slogan">
            <img src="" alt=""/>
                        1.0&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>裸视力(左)</th>
          <td class="slogan">
            <img src="" alt=""/>
                        0.8&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>矫正视力(右)</th>
          <td class="slogan">
            <img src="" alt=""/>
                        &nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>矫正视力(左)</th>
          <td class="slogan">
            <img src="" alt=""/>
                        &nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>色觉</th>
          <td class="slogan">
            <img src="" alt=""/>
                        正常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>外眼</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>眼科其它</th>
          <td class="slogan">
            <img src="" alt=""/>
                        左眼视力减退&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>眼底镜检查</th>
          <td class="slogan">
            <img src="" alt=""/>
                        双眼视网膜动脉硬化Ⅰ级：视网膜动脉变细，反光带增宽，A/V:1/2，轻度或无动静脉交叉压迹，视乳头、黄斑
正常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>耳鼻咽喉科</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>外耳</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>外耳道</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>鼓膜</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>鼻腔</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>鼻中隔</th>
          <td class="slogan">
            <img src="" alt=""/>
                        向右偏，通气差&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>咽</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>扁桃体</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>耳鼻咽喉科其它</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>听力(128HZ音叉)</th>
          <td class="slogan">
            <img src="" alt=""/>
                        正常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>鼻咽镜检查</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>口腔科</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>唇</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>口腔粘膜</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>牙齿</th>
          <td class="slogan">
            <img src="" alt=""/>
                        左下7右下7缺失&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>牙周</th>
          <td class="slogan">
            <img src="" alt=""/>
                        牙结石不同程度附着于牙颈部&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>舌</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>腭</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>腮腺</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>颌下腺</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>舌下腺</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>颞下颌关节</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>口腔科其它</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>妇科</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>外阴</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>阴道</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>宫颈</th>
          <td class="slogan">
            <img src="" alt=""/>
                        陈旧性裂伤&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>子宫</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>附件</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>妇科其它</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>白带清洁度</th>
          <td class="slogan">
            <img src="" alt=""/>
                        Ⅰ度&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>念珠样菌</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>滴虫</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>其它（白带）</th>
          <td class="slogan">
            <img src="" alt=""/>
                        无&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li03">
          <th>宫颈刮片</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=94">            未见上皮内病变或恶性细胞（NILM） 萎缩不伴炎症&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>血常规</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class="lino li03">
          <th>红细胞计数</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=107">            4.79&nbsp;10^12/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>血红蛋白</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=108">            147&nbsp;g/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>红细胞压积</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=142">            0.430&nbsp;L/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class=" li03">
          <th>平均红细胞体积</th>
          <td class="slogan">
            <img src="" alt=""/>
                        89.8&nbsp;fL<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>平均红细胞血红蛋白含量</th>
          <td class="slogan">
            <img src="" alt=""/>
                        30.7&nbsp;pg<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>平均红细胞血红蛋白浓度</th>
          <td class="slogan">
            <img src="" alt=""/>
                        342&nbsp;g/L<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>红细胞分布宽度-变异系数</th>
          <td class="slogan">
            <img src="" alt=""/>
                        12.8&nbsp;%<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li03">
          <th>白细胞计数</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=110">            8.0&nbsp;10^9/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class=" li03">
          <th>中性粒细胞百分比 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        67.3&nbsp;%<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>淋巴细胞百分比</th>
          <td class="slogan">
            <img src="" alt=""/>
                        26.3&nbsp;%<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>中间细胞百分比</th>
          <td class="slogan">
            <img src="" alt=""/>
                        6.4&nbsp;%<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>中性粒细胞绝对值</th>
          <td class="slogan">
            <img src="" alt=""/>
                        5.4&nbsp;10^9/L<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>淋巴细胞绝对值</th>
          <td class="slogan">
            <img src="" alt=""/>
                        2.1&nbsp;10^9/L<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>中间细胞绝对值</th>
          <td class="slogan">
            <img src="" alt=""/>
                        0.5&nbsp;10^9/L<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li03">
          <th>血小板计数 </th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=109">            196&nbsp;10^9/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class=" li03">
          <th>平均血小板体积</th>
          <td class="slogan">
            <img src="" alt=""/>
                        10.8&nbsp;fL<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>血小板分布宽度 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        12.8&nbsp;fL<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>血生化</h2>
      <div class="excep">
                  <span class="round">2</span><span>项异常</span>
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>丙氨酸氨基转移酶</th>
          <td class="slogan">
            <img src="" alt=""/>
                        18&nbsp;U/L<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>天门冬氨酸氨基转移酶</th>
          <td class="slogan">
            <img src="" alt=""/>
                        21&nbsp;U/L<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li03">
          <th>肌酐 </th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=159">            65&nbsp;umol/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>尿素氮</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=158">            4.85&nbsp;mmol/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>尿酸</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=160">            299&nbsp;umol/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li01">
          <th>空腹血糖</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=127">            6.14&nbsp;mmol/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>总胆固醇</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=128">            5.57&nbsp;mmol/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li01">
          <th>甘油三酯</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=129">            2.18&nbsp;mmol/L<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class=" li03">
          <th>甲胎蛋白定量 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        1.32&nbsp;ng/ml<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>癌胚抗原定量</th>
          <td class="slogan">
            <img src="" alt=""/>
                        1.37&nbsp;ng/ml<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>尿常规</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class="lino li03">
          <th>尿酸碱度</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=121">            6.5&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>尿比重</th>
          <td class="slogan">
            img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=120">            1.015&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class=" li03">
          <th>尿糖 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        阴性&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li03">
          <th>尿白细胞</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=118">            阴性&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>尿亚硝酸盐</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=117">            阴性&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class=" li03">
          <th>尿蛋白质</th>
          <td class="slogan">
            <img src="" alt=""/>
                        阴性&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>尿隐血</th>
          <td class="slogan">
            <img src="" alt=""/>
                        阴性&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class="lino li03">
          <th>尿酮体</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=116">            阴性&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>尿胆红素 </th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=114">            阴性&nbsp;<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                <tr class="lino li03">
          <th>尿胆原</th>
          <td class="slogan">
            <img src="" alt=""/>
            <a href="<?=Yii::app()->baseUrl?>/index.php?r=app/examReport/viewMobile&id=115">            Normal&nbsp;阴性~阴性<span class="link"></span>
            <!---->
            </a>          </td>
        </tr>
                </tbody>
      </table>
    </div>
      <div class="sub-item-title clearfix">
      <h2>其他项目</h2>
      <div class="excep">
              </div>
    </div>
    <div class="sub-items clearfix">
      <table>
        <tbody>
                <tr class=" li03">
          <th>心电图 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        窦性心律 正常心电图&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>肝</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>胆</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>胰</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>脾</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>双肾</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>子宫、附件</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>胸部正位</th>
          <td class="slogan">
            <img src="" alt=""/>
                        主动脉屈曲延长主动脉钙化肺纹理粗乱&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>颈椎侧位 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        颈前纵韧带钙化颈3-7骨质增生&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>乳透</th>
          <td class="slogan">
            <img src="" alt=""/>
                        未见明显异常&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                <tr class=" li03">
          <th>经颅多普勒 </th>
          <td class="slogan">
            <img src="" alt=""/>
                        1、颈内受检动脉PI指数增高。2、两侧大脑中动脉血流速度略增高。3、受检动脉收缩2峰>收缩1峰。&nbsp;<span class="link"></span>
            <!---->
                      </td>
        </tr>
                </tbody>
      </table>
    </div>
  </div>
</body>
</html>
<script language="javascript">
var show = false;
$(function () {
  $('.basic-info li').eq(2).after($('.basic-info li').eq(1));  //调整位置，方便两列显示
  $('ul.major-item-wrapper').hide();  //默认隐藏选择框
  $('.major-item:first-child').addClass('state-active');  //默认第一个选中
  $('div.sub-items tr.li01 td.slogan img').attr('src', '<?=Yii::app()->baseUrl?>/images/arrow-up.svg');
  $('div.sub-items tr.li02 td.slogan img').attr('src', '<?=Yii::app()->baseUrl?>/images/arrow-down.svg');
<!--  $('div.sub-items tr.li03 td.slogan img').attr('src', '--><!--/images/line.svg');-->
  $('div.sub-items tr.li03 td.slogan img').remove();
  var oFix = document.getElementById('fix-point');
  var dist = getElementTop(oFix);
  var hgtArr = [];
  var i = 0;
  $('.sub-item-title').each(function () {
    hgtArr[i++] = $(this).position().top;
  });
  function fix () {
    if($('ul.major-item-wrapper').css('display') == 'block') {
      $('ul.major-item-wrapper').hide();
    }
    if(0 === $(this).scrollTop()) {  //滑倒最顶显示默认项
      $('#chg-item').html('全部项目 <img src="<?=Yii::app()->baseUrl?>/images/down.svg" alt=""/>');
      return;
    }
    if($(this).scrollTop() >= dist) {
      $('#fix-point').addClass('fixed');
      $('.exam-item').css('padding', '80px 0 0 0');
    } else {
      $('#fix-point').removeClass('fixed');
      $('.exam-item').css('padding', '0');
    }
    hgtArr[hgtArr.length] = 99999999;
    for(var i = 0; i < hgtArr.length; i++) {
      if(($(this).scrollTop() >= (hgtArr[i] - 120)) && ($(this).scrollTop() < (hgtArr[i + 1] - 120))) {
        break;
      }
    }
    i === 12 ? i = 0 : i ;
    $('.major-item').not(i).removeClass('state-active');
    $('.major-item').eq(i).addClass('state-active');
    $('#chg-item').html($('.major-item').eq(i).html());
    $('#chg-item').append(' <img src="<?=Yii::app()->baseUrl?>/images/down.svg" alt=""/>');
  }
  $(window).on('scroll', function () {
    fix();
  });
  $(window).on('touchmove', function () {
    fix();
  });
  $('#chg-item').on('click', function () {
    if(true === show) {
      $('*').show();
      $('ul.major-item-wrapper').hide();
      $('.tabs-nav li').not(0).removeClass('state-active');
      $('.tabs-nav li').eq(0).addClass('state-active');
      show = false;
    } else {
      if($('ul.major-item-wrapper').css('display') == 'none') {
        $('ul.major-item-wrapper').show();
      } else {
        $('ul.major-item-wrapper').hide();
      }
    }
  });
  $('li.major-item').on('click', function () {
    $('html, body').scrollTop(hgtArr[$(this).index()]);
    $('ul.major-item-wrapper').hide();
  });
  $('.tabs-nav li:eq(1)').on('click', function () {
    $('.tabs-nav li').not(1).removeClass('state-active');
    $('.tabs-nav li').eq(1).addClass('state-active');
    $('#fix-point').removeClass('fixed');
    $('.exam-item').css('padding', '0');
    $('tr.li03').hide();
    $('.sub-items').each(function () {
      if($(this).children('table').children('tbody').children('tr.li03').length === $(this).children('table').children('tbody').children('tr').length) {
        $(this).prev().hide();
        $(this).hide();
        show = true;
      }
    });
  });
});
function getElementTop (element) {
  var actualTop = element.offsetTop;
  var current = element.offsetParent;
  while (current !== null){
    actualTop += current.offsetTop;
    current = current.offsetParent;
  }
  return actualTop;
}
</script>